<template>
	<view>
		<!-- 头部导航栏 -->
		<index-navbar></index-navbar>
		<!-- tab切换 -->
		<index-tab-head :tabBars="tabBars" :tabIndex="tabIndex" @tabtap="tabtap"></index-tab-head>
		<!-- 中间内容 -->
		<swiper :style="{height:listHeight+'px'}" :current="tabIndex" @change="tabChange">
			<swiper-item v-for="(item,index) in dataList" :key="index">
				<scroll-view scroll-y>
					<index-swiper v-show="index==0" style="margin: 20rpx 20rpx 0 20rpx;"></index-swiper>
					<activity-list :data="item.data"></activity-list>
				</scroll-view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import indexNavbar from "../../components/index/index-navbar.vue";
	import indexSwiper from "../../components/index/index-swiper.vue";
	import activityList from "../../components/activity/activity-list.vue";
	import indexTabHead from "../../components/index/index-tab-head.vue";
	export default {
		computed: mapState(['isLogin', 'loginUserInfo']),
		components: {
			indexNavbar,
			indexSwiper,
			activityList,
			indexTabHead
		},
		data() {
			return {
				tabIndex: 0,
				listHeight: this.swiperHeight - 90,
				tabBars: [{
						name: "热点推荐",
						id: "0"
					},
					{
						name: "推荐活动",
						id: "1"
					}
				],
				dataList: [{
						title: "首页",
						data: [{
								"id": 2,
								"title": "海贼王",
								"subTitle": "阿斯顿撒打算啊倒萨撒旦撒旦艾斯阿斯顿啊的撒旦撒旦撒但撒",
								"image": "https://img2.baidu.com/it/u=2183941555,124415608&fm=26&fmt=auto&gp=0.jpg",
								"detail": "在等级保护中，定级这个步骤很关键，首先我们需要知道我们这个资产是什么样的一个级别，一级二级三级，因为不同的级别表示着我们要对这个资产做相应的保护，那么我们这个定级是怎么么定级呢，参考的又是什么标准呢，首先我们需要先确认定级对象，这个对象定几级主要是与这个资产的重要程度有关系的，越重要的资产肯定级别就越高，比如我自己在家里搭的一个web网站，和外面企业公司的服务器，那肯定资产越重要，那个重要程度就越高，等级就越高，\r\n\r\n我们评定一个资产的等级的时候我们一般是有两个维度的，第一是受侵害的对象，第二是受侵害对象的侵害程度，而受侵害的对象也有三个维度，第一公民、法人和其他组织的合法权益，第二社会秩序公共的利益、第三国家安全，就是看我们这个资产被窃取了或着是破坏了，它影响到了什么人，影响到公民还是影响到了国家，然后影响的程度是多少。\r\n\r\n这边我举两个例子，假如是教育系统的信息泄露，把高考学生的考试成绩以及姓名电话泄露出去了，然后售卖给了一些网络诈骗机构，而这些诈骗机构机就会做一些危害的工作，因为这个潜在的威胁是特别严重的所以也会上升一定的级别，所以教务系统大都是三级等保建设，又比如12306系统down机了，大概两三个小时或者更久的时间没办法网上购票，这有可能导致上千万人没办法买票，造成社会动荡。\r\n\r\n如果受侵害的客体上升到国家层面上了，那一般损害上三级，严重损害是四级，特别严重是五级，就比如12306我们能够基本判断出是危害到了国家安全的，但是严重程度是多少呢，\r\n\r\n等保里面安全厂商是不能同时作为作为测评工程师，以上是定级的一个标准，但是标准之上还是有很多经验的，可能我们评定3级但是它可能会拔高到4级，这个是需要专业人员进行定级的，我们在定级里面有一个专家评审的东西，安全厂商可以对客户的系统做分析，大概的评定出一个基础的级别，然后再定级之后，还是需要先通过专家进行评审的，然后做好这个定级\r\n\r\n我们要进行定级的时候先站在两个维度，业务信息安全类和系统服务保证类，然后在判断当信息泄露或是系统崩溃后，所影响到的对象是公民、公共利益还是国家，最后再通过对侵害对象的一个侵害程度进行一个判断，确定初步的安全保护等级\r\n\r\n假如一份资产的业务信息受到破坏后定为3级那么可以记为S3，系统服务安全受到破坏后定为4级，那么就是A4，合起来就是S3A4，为等保4级建设。\r\n",
								"clubId": 3,
								"clubName": "防艾社团",
								"joinmax": 30,
								"joinnum": 0,
								"endTime": "2021-03-22",
								"isend": 1,
								"createTime": "2021-3-23",
								"contact": "17628113111",
								"score": 0,
								"visitor": 16,
								"status": 1,
								"cause": "",
								"deleted": 0,
								"endDay": "3-27"
							},
							{
								"id": 3,
								"title": "海贼王",
								"subTitle": "阿斯顿撒打算啊倒萨撒旦撒旦艾斯阿斯顿啊的撒旦撒旦撒但撒",
								"image": "https://img2.baidu.com/it/u=2183941555,124415608&fm=26&fmt=auto&gp=0.jpg",
								"detail": "在等级保护中，定级这个步骤很关键，首先我们需要知道我们这个资产是什么样的一个级别，一级二级三级，因为不同的级别表示着我们要对这个资产做相应的保护，那么我们这个定级是怎么么定级呢，参考的又是什么标准呢，首先我们需要先确认定级对象，这个对象定几级主要是与这个资产的重要程度有关系的，越重要的资产肯定级别就越高，比如我自己在家里搭的一个web网站，和外面企业公司的服务器，那肯定资产越重要，那个重要程度就越高，等级就越高，\r\n\r\n我们评定一个资产的等级的时候我们一般是有两个维度的，第一是受侵害的对象，第二是受侵害对象的侵害程度，而受侵害的对象也有三个维度，第一公民、法人和其他组织的合法权益，第二社会秩序公共的利益、第三国家安全，就是看我们这个资产被窃取了或着是破坏了，它影响到了什么人，影响到公民还是影响到了国家，然后影响的程度是多少。\r\n\r\n这边我举两个例子，假如是教育系统的信息泄露，把高考学生的考试成绩以及姓名电话泄露出去了，然后售卖给了一些网络诈骗机构，而这些诈骗机构机就会做一些危害的工作，因为这个潜在的威胁是特别严重的所以也会上升一定的级别，所以教务系统大都是三级等保建设，又比如12306系统down机了，大概两三个小时或者更久的时间没办法网上购票，这有可能导致上千万人没办法买票，造成社会动荡。\r\n\r\n如果受侵害的客体上升到国家层面上了，那一般损害上三级，严重损害是四级，特别严重是五级，就比如12306我们能够基本判断出是危害到了国家安全的，但是严重程度是多少呢，\r\n\r\n等保里面安全厂商是不能同时作为作为测评工程师，以上是定级的一个标准，但是标准之上还是有很多经验的，可能我们评定3级但是它可能会拔高到4级，这个是需要专业人员进行定级的，我们在定级里面有一个专家评审的东西，安全厂商可以对客户的系统做分析，大概的评定出一个基础的级别，然后再定级之后，还是需要先通过专家进行评审的，然后做好这个定级\r\n\r\n我们要进行定级的时候先站在两个维度，业务信息安全类和系统服务保证类，然后在判断当信息泄露或是系统崩溃后，所影响到的对象是公民、公共利益还是国家，最后再通过对侵害对象的一个侵害程度进行一个判断，确定初步的安全保护等级\r\n\r\n假如一份资产的业务信息受到破坏后定为3级那么可以记为S3，系统服务安全受到破坏后定为4级，那么就是A4，合起来就是S3A4，为等保4级建设。\r\n",
								"clubId": 3,
								"clubName": "防艾社团",
								"joinmax": 30,
								"joinnum": 0,
								"endTime": "2021-03-22",
								"isend": 1,
								"createTime": "2021-3-23",
								"contact": "17628113111",
								"score": 0,
								"visitor": 16,
								"status": 1,
								"cause": "",
								"deleted": 0,
								"endDay": "3-27"
							}
						]
					},
					{
						title: "推荐活动",
						data: [{
								"id": 2,
								"title": "海贼王",
								"subTitle": "阿斯顿撒打算啊倒萨撒旦撒旦艾斯阿斯顿啊的撒旦撒旦撒但撒",
								"image": "https://5b0988e595225.cdn.sohucs.com/images/20171023/ca02e8ea5a7f4e868d27085a64d03f41.jpeg",
								"detail": "在等级保护中，定级这个步骤很关键，首先我们需要知道我们这个资产是什么样的一个级别，一级二级三级，因为不同的级别表示着我们要对这个资产做相应的保护，那么我们这个定级是怎么么定级呢，参考的又是什么标准呢，首先我们需要先确认定级对象，这个对象定几级主要是与这个资产的重要程度有关系的，越重要的资产肯定级别就越高，比如我自己在家里搭的一个web网站，和外面企业公司的服务器，那肯定资产越重要，那个重要程度就越高，等级就越高，\r\n\r\n我们评定一个资产的等级的时候我们一般是有两个维度的，第一是受侵害的对象，第二是受侵害对象的侵害程度，而受侵害的对象也有三个维度，第一公民、法人和其他组织的合法权益，第二社会秩序公共的利益、第三国家安全，就是看我们这个资产被窃取了或着是破坏了，它影响到了什么人，影响到公民还是影响到了国家，然后影响的程度是多少。\r\n\r\n这边我举两个例子，假如是教育系统的信息泄露，把高考学生的考试成绩以及姓名电话泄露出去了，然后售卖给了一些网络诈骗机构，而这些诈骗机构机就会做一些危害的工作，因为这个潜在的威胁是特别严重的所以也会上升一定的级别，所以教务系统大都是三级等保建设，又比如12306系统down机了，大概两三个小时或者更久的时间没办法网上购票，这有可能导致上千万人没办法买票，造成社会动荡。\r\n\r\n如果受侵害的客体上升到国家层面上了，那一般损害上三级，严重损害是四级，特别严重是五级，就比如12306我们能够基本判断出是危害到了国家安全的，但是严重程度是多少呢，\r\n\r\n等保里面安全厂商是不能同时作为作为测评工程师，以上是定级的一个标准，但是标准之上还是有很多经验的，可能我们评定3级但是它可能会拔高到4级，这个是需要专业人员进行定级的，我们在定级里面有一个专家评审的东西，安全厂商可以对客户的系统做分析，大概的评定出一个基础的级别，然后再定级之后，还是需要先通过专家进行评审的，然后做好这个定级\r\n\r\n我们要进行定级的时候先站在两个维度，业务信息安全类和系统服务保证类，然后在判断当信息泄露或是系统崩溃后，所影响到的对象是公民、公共利益还是国家，最后再通过对侵害对象的一个侵害程度进行一个判断，确定初步的安全保护等级\r\n\r\n假如一份资产的业务信息受到破坏后定为3级那么可以记为S3，系统服务安全受到破坏后定为4级，那么就是A4，合起来就是S3A4，为等保4级建设。\r\n",
								"clubId": 3,
								"clubName": "防艾社团",
								"joinmax": 30,
								"joinnum": 0,
								"endTime": "2021-03-22",
								"isend": null,
								"createtime": "2021-03-22",
								"contact": "17628113111",
								"score": 0,
								"visitor": 16,
								"status": "1",
								"cause": "",
								"deleted": 0,
								"endDay": "3-27"
							},
							{
								"id": 3,
								"title": "海贼王",
								"subTitle": "阿斯顿撒打算啊倒萨撒旦撒旦艾斯阿斯顿啊的撒旦撒旦撒但撒",
								"image": "https://5b0988e595225.cdn.sohucs.com/images/20171023/ca02e8ea5a7f4e868d27085a64d03f41.jpeg",
								"detail": "在等级保护中，定级这个步骤很关键，首先我们需要知道我们这个资产是什么样的一个级别，一级二级三级，因为不同的级别表示着我们要对这个资产做相应的保护，那么我们这个定级是怎么么定级呢，参考的又是什么标准呢，首先我们需要先确认定级对象，这个对象定几级主要是与这个资产的重要程度有关系的，越重要的资产肯定级别就越高，比如我自己在家里搭的一个web网站，和外面企业公司的服务器，那肯定资产越重要，那个重要程度就越高，等级就越高，\r\n\r\n我们评定一个资产的等级的时候我们一般是有两个维度的，第一是受侵害的对象，第二是受侵害对象的侵害程度，而受侵害的对象也有三个维度，第一公民、法人和其他组织的合法权益，第二社会秩序公共的利益、第三国家安全，就是看我们这个资产被窃取了或着是破坏了，它影响到了什么人，影响到公民还是影响到了国家，然后影响的程度是多少。\r\n\r\n这边我举两个例子，假如是教育系统的信息泄露，把高考学生的考试成绩以及姓名电话泄露出去了，然后售卖给了一些网络诈骗机构，而这些诈骗机构机就会做一些危害的工作，因为这个潜在的威胁是特别严重的所以也会上升一定的级别，所以教务系统大都是三级等保建设，又比如12306系统down机了，大概两三个小时或者更久的时间没办法网上购票，这有可能导致上千万人没办法买票，造成社会动荡。\r\n\r\n如果受侵害的客体上升到国家层面上了，那一般损害上三级，严重损害是四级，特别严重是五级，就比如12306我们能够基本判断出是危害到了国家安全的，但是严重程度是多少呢，\r\n\r\n等保里面安全厂商是不能同时作为作为测评工程师，以上是定级的一个标准，但是标准之上还是有很多经验的，可能我们评定3级但是它可能会拔高到4级，这个是需要专业人员进行定级的，我们在定级里面有一个专家评审的东西，安全厂商可以对客户的系统做分析，大概的评定出一个基础的级别，然后再定级之后，还是需要先通过专家进行评审的，然后做好这个定级\r\n\r\n我们要进行定级的时候先站在两个维度，业务信息安全类和系统服务保证类，然后在判断当信息泄露或是系统崩溃后，所影响到的对象是公民、公共利益还是国家，最后再通过对侵害对象的一个侵害程度进行一个判断，确定初步的安全保护等级\r\n\r\n假如一份资产的业务信息受到破坏后定为3级那么可以记为S3，系统服务安全受到破坏后定为4级，那么就是A4，合起来就是S3A4，为等保4级建设。\r\n",
								"clubId": 3,
								"clubName": "防艾社团",
								"joinmax": 30,
								"joinnum": 0,
								"endTime": "2021-03-22",
								"isend": null,
								"createtime": "2021-03-22",
								"contact": "17628113111",
								"score": 0,
								"visitor": 16,
								"status": "1",
								"cause": "",
								"deleted": 0,
								"endDay": "3-27"
							}
						]
					}
				],
				page: 1,
				rows: 20,
			}
		},
		onShow() {
			console.log("created")
			var that = this
			uni.request({
				url: that.url.movement.getAllLegalData,
				method: 'GET',
				header: {},
				success: (res) => {
					var data = res.data.allLegalData;
					that.dataList[0].data = data
					console.log(that.dataList)
				},
				fail: (res) => {
					console.log(res)
				}
			});
			uni.request({
				url: that.url.movement.getAllLegalDataByScore,
				method: 'GET',
				header: {},
				success: (res) => {
					var data = res.data.allLegalScoreData;
					that.dataList[1].data = data
					console.log(that.dataList)
				},
				fail: (res) => {
					console.log(res)
				}
			});
		},
		methods: {
			// 监听子组件的tab点击事件
			tabtap(index) {
				this.tabIndex = index;
			},
			// tab滑动事件
			tabChange(e) {
				this.tabIndex = e.detail.current
			}
		}
	}
</script>

<style>

</style>
